<div class="lpicRVTextTpl actived-card" >
	<div class="img-content">
		<img crossorigin="anonymous" pre-view-ele :src="getImage(tplData.img,'lpicRVText-card-main-img')" id='lpicRVText-card-main-img'>
	</div>
	<div class="title-content">
		<div pre-view-ele v-html="handleTitle(tplData.title)" class="title-info"></div>
	</div>
	<div class="text-content">
		<div pre-view-ele v-html="handleContent(tplData.contentText)" class="content-info"></div>
	</div>
</div>
<style>
	.lpicRVTextTpl{
		height: 310px;
		min-width: 470px;
		border-radius: 0px;
		background-color: white;
		border: 1px solid lightgray;
		margin: 0 auto; /*水平居中*/
		position: relative;
		top: 50%; /*偏移*/
		transform: translateY(-50%);
		display: flex;
		background-image: url(../images/moshazhi-bg.png);
		background-repeat: repeat, repeat-x;
		background-position: 0px 0px, 0px -40px;
		background-size: auto, auto 1.5rem;
		background-color: rgba(136,173,166,1);
		border: 5px solid rgba(255,255,255,0.5);
	}
	.lpicRVTextTpl .img-content{
		width: 260px;
		height: 300px;
		padding: 50px 20px;
	}
	.lpicRVTextTpl .img-content img{
		width: 200px;
		height: 200px;
		border-radius: 50%;
		border: 3px solid rgba(255,255,255,0.4);
	}
	
	.lpicRVTextTpl .title-content{
		width: 30px;
		height: 300px;
	}
	
	.lpicRVTextTpl .title-content .title-info{
		font-family: "hanyikaitijinan";
		background-color: transparent;
		border: none;
		height: 60%;
		top: 38%;
		position: relative;
		text-align: center;
		margin: 0 auto;  
		writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
		padding: 16px;
	}
	
	.lpicRVTextTpl .text-content{
		width: 100%;
		height: 300px;
	}
	
	.lpicRVTextTpl .text-content .content-info{
		font-family: "hanyikaitijinan";
		font-size: 20px;
		line-height: 1.5em;
		width: 100%;
		background-color: transparent;
		border: none;
		height: 100%;
		text-align: center;
	    margin: 0 auto;  
		writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	}
	
</style>
<script>
	if(CardMakePageManager){
		CardMakePageManager.lpicRVTextTpl={
			handleContent:"lpicRVTextTplContentHandle",
			handleTitle:"lpicRVTextTplTitleHandle",
		}
		CardMakePageManager.lpicRVTextTplContentHandle=function(content){
			return commonUtils.handleContentForVLinePic(content);
		};
		CardMakePageManager.lpicRVTextTplTitleHandle=function(content){
			return commonUtils.handleContentForVLinePic(content);
		}
	}
</script>